body {
  font-weight: normal;
  font-size: 14px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 10px;
    color: #333333; 
    background-color: #f7ffff;
    min-width: 800px;
    min-height: 600px;
}


.gwt-TextBox{
   font-size: 10pt;
   text-align: center;
   color: #333333; 
   background-color: #f7ffff;
}

.tagDisplay-animation-legend{
   background-color: #000066;
   color: #E8EEF7;
}

.gwt-MapGrid{
   width: 100%;
   height: 100%;
}

.gwt-MapPanel{
   width: 75%;
   height: 100%;
}

.gwt-ControlPanel{
   width: 25%;
   height: 100%;
}

.gwt-infoButton{
  color: #000040;
  font-size: 16pt;
  padding: 1em;
  width: 16em;
}

.gwt-infoPanel{
  margin-bottom: 2ex;
  padding: 1em;
  font-size: 18px;
  border: 1px #000055 solid;;
}


.gwt-infoFrame{
  color: #333333; 
  background-color: #ffffff;
  width: 800px;
  height: 600px;
}

.gwt-tagInfoWindowPanel{
  font-size: small;
  color: #770000;
}

.gwt-FeatureNameHTML{
  font-size: large;
  color: #007700;
}

.gwt-TabPanel {
  margin-top: 4px;
}

.gwt-TabPanelBottom {
}

.gwt-TabBar {
  padding-top: 2px;
  border-bottom: 4px solid #87B3FF;
}


.gwt-TabBar .gwt-TabBarFirst {
  width: 25px;
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 0.8ex;
  cursor: pointer;
  font-size: 1.25em;

  background-color: silver;
  border-bottom: 2px solid white;
  margin-right: 10px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 0.8ex;
  font-weight: bold;
  cursor: default;
  font-size: 1.25em;

  background-color: #87b3ff;
  border-bottom: 2px solid #87b3ff;
  margin-right: 10px;
}

.gwt-ToggleButton-up{
  border-style: outset;
}
.gwt-ToggleButton-up-hovering{
  border-style: outset;
  cursor: pointer;
}

.gwt-ToggleButton-down{
  border-style: inset;
}
.gwt-ToggleButton-down-hovering{
  border-style: inset;
  cursor: pointer;
}
